<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>深圳市君达注塑机械有限公司</title>
    <meta name="keywords" content="深圳市君达注塑机械有限公司">
    <meta name="description" content="深圳市君达注塑机械有限公司">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <!-- Css link -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/pro.css">
    <link rel="stylesheet" href="css/contact.css">

</head>
<body>

    <!--响应式导航条-->
    <div id="header"></div>

    <section class="banner">
        <div><img src="images/proshow_banner.jpg" alt=""></div>
    </section>
    <!--qq-->
    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=464690896&site=qq&menu=yes" class="qq_style">
        <img style="width: 60px;height: 100px;" border="0" src="http://wpa.qq.com/pa?p=2:464690896:53" alt="点击这里给我发消息" title="点击这里给我发消息"/>
    </a>
    <!--qq-->
    <div class="com_zi clearfix">
        <div class="left_zi">
            <div class="top_com">
                <span>联系我们</span>
            </div>
            <ul class="nav_left" id="js_nav_left">
                <li class="active">
                    <a href="#">联系方式</a>
                </li>
                <li >
                    <a href="#">在线留言</a>
                </li>
            </ul>
        </div>
        <div class="js_righr_zi">
            <div class="right_zi">
                <div class="bar clearfix">
                    <span class="b_tt">联系方式</span>
                    <span class="curbar"><i>您当前的位置：</i><a href="index.html">首页</a> <a href="contact.html">联系我们</a> > <i>联系方式</i></span>
                </div>
                <div class="cont_zi">
                    <div class="contact_map">
                        <script src="http://api.map.baidu.com/api?v=2.0&ak=0By4KZvgy1RvEHOkGCflzdo8ANiE1hN9"></script>
                        <div id="map"></div>
                        <script>
                            // 百度地图API功能
                            var map = new BMap.Map("map");    // 创建Map实例
                            var point = new BMap.Point(114.096527,22.742465);   //坐标拾取网址：http://api.map.baidu.com/lbsapi/getpoint/index.html

                            var marker = new BMap.Marker(point);  // 创建标注
                            var mapStyle = {style:"normal"};
                            map.setMapStyle(mapStyle);

                            var top_left_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT});// 左上角，添加比例尺
                            var top_left_navigation = new BMap.NavigationControl();  //左上角，添加默认缩放平移控件

                            marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
                            map.centerAndZoom(point, 17);  // 初始化地图,设置中心点坐标和地图级别
                            map.addOverlay(marker);               // 将标注添加到地图中
                            map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
                            map.addControl(new BMap.MapTypeControl());   //添加地图类型控件
                            map.setCurrentCity("深圳");          // 设置地图显示的城市 此项是必须设置的



                            window.onresize = function(){

                                map.centerAndZoom(point, 17);  // 重置窗口的时候 重新获取中心点坐标的位置

                            }

                            map.addControl(top_left_control);
                            map.addControl(top_left_navigation);
                            /*map.addControl(top_right_navigation);  */
                        </script>
                    </div>
                    <div class="con_cc">
                        <div class="left">
                            <img src="images/contact_wei.jpg" alt="" />
                            <p>CONTACT US</p>
                        </div>
                        <ul class="right">
                            <li class="clearfix">
                                <b>公司名称：</b><span>深圳市君达注塑机械有限公司</span>
                            </li>
                            <li class="clearfix">
                                <b>电话：</b><span>13823523976</span>
                            </li>
                            <li class="clearfix">
                                <b>邮箱：</b><span>464690896@qq.com</span>
                            </li>
                            <li class="clearfix">
                                <b>手机：</b><span>13823523976</span>
                            </li>
                            <li class="clearfix">
                                <b>地址：</b><span>深圳市龙华新区观澜街道裕昌路95号</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="phone_right_zi  right_zi hide">
                <div class="bar clearfix">
                    <span class="b_tt">在线留言</span>
                    <span class="curbar"><i>您当前的位置：</i><a href="index.html">首页</a> <a href="contact.html">联系我们</a> > <i>在线留言</i></span>
                </div>
                <form name="form" method="post" class="form_div">
                    <ul class="feed_ul clearfix">
                        <li>
                            <div class="div_biao"><img src="images/ct_tu1.jpg" alt="" />姓名<i>*</i></div>
                            <input type="text" name="custom_name" placeholder=""  onblur="checkname()" id="name"/>

                        </li>
                        <li>
                            <div class="div_biao"><img src="images/ct_tu2.jpg" alt="" />电话<i>*</i></div>
                            <input type="text" name="custom_tel" placeholder=""  onblur="checktel()" id="tel"/>

                        </li>
                        <li>
                            <div class="div_biao"><img src="images/ct_tu3.jpg" alt="" />公司<i>*</i></div>
                            <input type="text" name="custom_add" placeholder=""  onblur="checkadd()" id="add"/>
                        </li>
                        <li>
                            <div class="div_biao"><img src="images/ct_tu4.jpg" alt="" />邮 箱<i>*</i></div>
                            <input type="text" name="custom_email" placeholder=""  onblur="checkemail()" id="email"/>

                        </li>
                    </ul>
                    <div class="nei_c">
                        <div class="div_biao"><img src="images/ct_tu5.jpg" alt="" />在线留言<i>*</i></div>
                        <textarea type="text" name="custom_message" placeholder="" onblur="checkmessage()" id="message"></textarea>
                    </div>

                    <button type="button" class="btn_th">提交</button>
                </form>
            </div>
        </div>

    </div>

    <!--尾-->
    <div id="footer"></div>

    <!--移动端底部导航-->
    <div class="phonefooternav">
        <ul class="clearfix">
            <li>
                <a href="index.html">
                    <i class="iconfont">&#xe60a;</i>
                    <span>首页</span>
                </a>
            </li>
            <li>
                <a href="about.html">
                    <i class="iconfont">&#xe61f;</i>
                    <span>关于我们</span>
                </a>
            </li>
            <li>
                <a href="pro.html">
                    <i class="iconfont">&#xe60b;</i>
                    <span>产品展示</span>
                </a>
            </li>
            <li>
                <a href="contact.html">
                    <i class="iconfont">&#xe634;</i>
                    <span>联系我们</span>
                </a>
            </li>
        </ul>
    </div>


    <!-- load Js -->
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/style.js"></script>
</body>
</html>